body {
    padding: 0;
    margin: 0;
}

main {
    background: #ffffff;
    overflow: hidden;

    aside {
        width: 20%;
        height: 900px;
        float: left;
        border-right: solid #f3f3f3f3;
        overflow: hidden;

        div.indb {
            width: 100%;
            height: 250px;
            float: left;
            // background: #f3f3f3f3;

        }

        div.com1v1 {
            width: 100%;
            height: 300px;
            float: left;
            overflow: hidden;
            // background: #f3f3f3f3;
            border-top: solid #f3f3f3f3;
        }

        div.com1vn {
            width: 100%;
            float: left;
            overflow: hidden;
            // background: #f3f3f3f3;
            border-top: solid #f3f3f3f3;
        }
    }

    article {
        div.facedb {
            width: 70%;
            height: 900px;
            float: right;
            margin-right: 5%;
            overflow: auto;

            ul {
                list-style-type: none;
                li{
                    width: 220px;
                    height: 220px;
                    float: left;
                    border: solid 1px red;

                    img{
                        width: 100px;
                        height: 100px;
                        aspect-ratio: true;
                    }               
                    
                }
            }

            // table {
            //     width: 100%;
            //     overflow: auto;
            //     text-align: center;

            //     img {
            //         max-width: 100px;
            //         max-height: 100px;
            //         min-height: 80px;
            //         min-width: 50px;
            //         aspect-ratio: true;
            //     }
            // }
        }
    }







}